<!doctype html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>轮播图效果</title>
  <meta name="keywords" content="轮播图效果" />
  <meta name="description" content="轮播图效果" />
  <link href="css/slideshow.css" rel="stylesheet">
  <!--[if lt IE 9]>
  <script src="js/modernizr.js"></script>
  <![endif]-->
  <script src="js/jquery.min.js" type="text/javascript"></script>
  <script src="js/jquery.foucs.js" type="text/javascript"></script>
</head>
<body>
<!-- mainfoucs 代码 开始 -->
<div id="mainfoucs">
  <div id="index_b_hero">
    <div class="hero-wrap">
      <ul class="heros clearfix">
        <li class="hero"> <a href="javascript:;" target="_blank" title="第一张图的说明"><img src="lbt/h0.jpg" class="thumb" alt="" /></a></li>
        <li class="hero"> <a href="javascript:;" target="_blank" title="第二张图的说明"><img src="lbt/h1.jpg" class="thumb" alt="" /></a></li>
        <li class="hero"> <a href="javascript:;" target="_blank" title="第三张图的说明"><img src="lbt/h2.jpg" class="thumb" alt="" /></a></li>
        <li class="hero"> <a href="javascript:;" target="_blank" title="第4张图的说明"><img src="lbt/h4.jpg" class="thumb" alt="" /></a></li>
      </ul>
    </div>
    <div>
      <div class="mask-left"></div>
      <div class="mask-right"></div>
      <a href="javascript:;" class="prev icon-arrow-a-left"></a>
      <a href="javascript:;" class="next icon-arrow-a-right"></a>
    </div>
  </div>
</div>
<script type="text/javascript">
  $.foucs({direction:'right'});
</script>
<!-- 代码 结束 -->
</body>
</html>